
<ion-navbar *navbar>
  <button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <ion-title>知乎日报</ion-title>
</ion-navbar>

<ion-content  class="getting-started">
  <!--广告-->
  <div class="top-list">
    <ion-slides [options]="slideOptions" #mySlider pager (didChange)="onSlideChanged()">
      <ion-slide *ngFor="#item of top_stories" (click)="slideTaped(item)">
        <div class="top-list-img">
          <img src="{{item.image}}" />
        </div>
        <div class="top-list-txt">
          <div>{{item.title}}}</div>
        </div>
      </ion-slide>
    </ion-slides>
  </div>
  
<!--<p><button primary menuToggle>Toggle Menu</button></p>-->
<!--(click)="itemSelected(item)"-->

  <ion-list>
    <ion-list-header>
      今日热闻
    </ion-list-header>
    <!--<ion-item *ngFor="#item of stories" no-lines (click)="itemSelected(item)">
      <ion-card class="article-item-card">
          <span class="article-item-title">{{item.title}}</span>
          <div class="article-item-img"><img src='{{item.image}}' /></div>
      </ion-card>
    </ion-item>-->
      <ion-item-sliding *ngFor="#item of stories" >

        <button ion-item (click)="itemSelected(item)">
          <div class="article-item-card">
            <span class="article-item-title">{{item.title}}</span>
            <div class="article-item-img"><img src='{{item.image}}' /></div>
          </div>
        </button>

        <ion-item-options>
          <button favorite (click)="addFavorite(slidingItem, session)">
            收藏
          </button>
        </ion-item-options>

      </ion-item-sliding>
  </ion-list>
  
</ion-content>
